<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description"
        content="育碧游戏官方网站,发布育碧最新游戏新品动态,包括经典单机游戏的发行,次世代的电视游戏大作,战争策略网页游戏公测,3D游戏,触屏游戏，最新游戏试玩等。其中优秀的作品有《雷曼》(Rayman)、《刺客信条》(Assassin&#x27;s Creed)、《波斯王子》(Prince of Persia)、《细胞分裂》（Tom Clancy&#x27;s Splinter Cell）、《彩虹六号：围攻》（Rainbow6 siege）等。" />
    <meta name="Keywords" content="育碧,育碧游戏,育碧中国" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3957650_bllrkom14qn.css">
    <title>育碧游戏网站</title>
</head>

<body>
    <nav>
        <div class="logo">
            <a href="index.html">
                <img src="./imgs/logo.jpg" alt="">
            </a>
        </div>
        <div class="nav-1">
            <ul>
                <li><a href="./html/Home.html">首页</a></li>
                <li><a href="./html/Game.html">游戏</a></li>
                <li class="li3"><a href="">商城<i class="iconfont icon-gouwuchekong"></i></a></li>
                <li id="sut" class="nav-1-li4">支持</li>
            </ul>
        </div>
        <div class="nav-2">
            <ul>
                <li>
                    <input type="text" id="input">
                    <i class="iconfont icon-sousuo" id="btn"></i>
                </li>
                <script src="./sousuo.js"></script>
                <li><a href="./html/landing.html"><i class="iconfont icon-touxiang"></i></a></li>
            </ul>
        </div>
    </nav>
    <div class="support" id="support">
        <div class="support-1">  
            <h4>PC/主机游戏</h4>
            <h4>移动游戏</h4>
        </div>
    </div>
    <script src="./support.js"></script>
    <header>
        <div class="bgimg">
            <div class="left">
                <div class="left-font-1">
                    <h1>欢迎来到育碧</h1>
                </div>
                <div class="left-font-2">
                    <h4>Ubisoft是开发、发行与经销互动式娱乐游戏与服务的领导厂商，旗下拥有丰富多元的全球知名品牌。遍及全球各地的开发工作室与办事处团队致力于在所有热门游戏平台包含家用游乐器主机、行动装置以及PC上，带来最纯粹、最深刻的游戏体验！
                    </h4>
                </div>
                <div class="left-2">
                    <a href="">
                        <h4>了解更多</h4>
                    </a>
                </div>
            </div>
        </div>
    </header>

    <div class="title">
        <div class="line"></div>
        <h1>我们的团队</h1>
        <div class="line"></div>
    </div>

    <div class="row">
        <div class="AlainCorre">
            <a href="">
                <img src="./imgs/AlainCorre.jpg" alt="">
            </a>
            <div class="content">
                <h3>ALAIN CORRE</h3>
            </div>
        </div>
        <div class="ChristineBurgess">
            <a href="">
                <img src="./imgs/ChristineBurgess.jpg" alt="">
            </a>
            <div class="content">
                <h3>CHRISTINE BURGESS-QUEMARD</h3>
            </div>
        </div>
        <div class="LarurentDetoc">
            <a href="">
                <img src="./imgs/LaurentDetoc.jpg" alt="">
            </a>
            <div class="content">
                <h3>LAURENT DETOC</h3>
            </div>
        </div>
        <div class="YvesGuillemot">
            <a href="">
                <img src="./imgs/YvesGuillemot.jpg" alt="">
            </a>
            <div class="content">
                <h3>YVES GUILLEMOT</h3>
            </div>
        </div>
    </div>

    <div class="title-2">
        <div class="line"></div>
        <h1>育碧大事记</h1>
        <div class="line"></div>
    </div>

    <div class="row-2">
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/1986.jpg" alt="">
            </a>
            <div class="content">
                <h3>1986 伟大冒险的开始<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/1987.jpg" alt="">
            </a>
            <div class="content">
                <h3>1987 向前一大步<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/1995.jpg" alt="">
            </a>
            <div class="content">
                <h3>1995 一个传奇的诞生<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/2002.jpg" alt="">
            </a>
            <div class="content">
                <h3>2002 Sam Fisher从暗影中现身<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/2003.jpg" alt="">
            </a>
            <div class="content">
                <h3>2003 时空倒流<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/2006.jpg" alt="">
            </a>
            <div class="content">
                <h3>2006 永远走在科技最尖端<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <div class="row-2-imgs">
            <a href="">
                <img src="./imgs/2007.jpg" alt="">
            </a>
            <div class="content">
                <h3>2007 一段穿越时空的旅程<i class="iconfont icon-biji"></i></h3>
            </div>
        </div>
        <a href="">
            <div class="more row-2-imgs">
                <div class="more-line"></div>
                <h1>更多</h1>
                <div class="more-line"></div>
            </div>
        </a>
    </div>

    <footer>
        <div class="footer-1">
            <div class="contact-us">
                <div class="Wechat">
                    <a href="">
                        <img src="./imgs/wx_ico.png" alt="">
                    </a>
                </div>
                <div class="Weibo">
                    <a href="">
                        <img src="./imgs/wb_ico.png" alt="">
                    </a>
                </div>
                <div class="Bilibili">
                    <a href="">
                        <img src="./imgs/bili_ico.png" alt="">
                    </a>
                </div>
                <div class="Tmall">
                    <a href="">
                        <img src="./imgs/Tmall_icon.png" alt="">
                    </a>
                </div>
            </div>
        </div>

        <div class="footer-2">
            <h2>育碧游戏专区</h2>
            <p>
                <a href="">《极限国度》专区</a>
                <a href="">《孤岛惊魂6》专区</a>
                <a href="">《超猎都市》专区</a>
                <a href="">《渡神纪芬尼斯崛起》专区</a>
                <a href="">《刺客信条：英灵殿》专区</a>
                <a href="">《幽灵行动：断点》专区</a>
                <a href="">《孤岛惊魂:新曙光》专区</a>
                <a href="">《刺客信条:奥德赛》专区</a>
                <a href="">《刺客信条:起源》专区</a>
                <a href="">《刺客信条》系列专区</a>
                <a href="">《孤岛惊魂5》专区</a>
                <a href="">《孤岛惊魂》系列专区</a>
                <a href="">《舞力全开2017》专区</a>
                <a href="">《看门狗2》专区</a>
                <a href="">《孤岛惊魂:野蛮纪源》专区</a>
                <a href="">《幽灵行动：荒野》专区</a>
            </p>
            <h2>
                <a href="">关于育碧 / 加入我们</a>
            </h2>
            <p class="p-2">©2006-2020 Ubisoft Entertainment. All Rights Reserved. Ubisoft, ubi.com, and the Ubisoft logo
                are trademarks of Ubisoft Entertainment in the U.S. and/or other countries.</p>
        </div>
    </footer>


</body>

</html>